﻿<%@ page language="C#" autoeventwireup="true" inherits="Spa_yuyue, App_Web_whes5evj" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="stylesheet" href="yuyuetu/css/base.css"/>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<link rel="stylesheet"  href="yuyuetu/css/common.css"/>
<title>预约</title>
</head>
<body>
 <form id="form1" runat="server">
<%--<div class="head">
	<h1>填写预约信息</h1>
</div>--%>
<div class="navmenu"> 
 <span class="norbtn"><a href="yuyue.aspx">填写预约</a></span>
    <span class="hovbtn"><a  id="tiao" runat="server">历史预约</a></span>  
</div>
<div id="content">
  <table cellpadding="0" cellspacing="0">
     <tr>
        <td class="obd" nowrap><img src="yuyuetu/image/dizhi.png" border="0"/>城市</td>
        <td colspan="2">         
            <asp:DropDownList ID="ddlcity" runat="server" 
                onselectedindexchanged="ddlcity_SelectedIndexChanged"   AutoPostBack="true">
           <%-- <asp:ListItem Value="-1">请选择城市</asp:ListItem> onselectedindexchanged="ddlcity_SelectedIndexChanged"--%>
        <%--   <asp:ListItem Value="上海">上海</asp:ListItem>
           <asp:ListItem Value="北京">北京</asp:ListItem>
           <asp:ListItem Value="苏州">苏州</asp:ListItem>
           <asp:ListItem Value="常州">常州</asp:ListItem>
           <asp:ListItem Value="河南">河南</asp:ListItem>--%>
            </asp:DropDownList>

        </td>
      </tr>
      <tr>
        <td class="ob" nowrap><img src="yuyuetu/image/name.png" border="0"/>店名</td>
        <td colspan="2">       
            <asp:DropDownList ID="ddlmd" runat="server">
            </asp:DropDownList>
        </td>
      </tr>
      <tr>
        <td class="ob"><img src="yuyuetu/image/cander.png" border="0"/>日期</td>
        <td colspan="2">
           <%-- <input name="date" type="text"  readonly class="tran-icon" value="10/05/2013" placeholder="Type Here" id="datepicker" runat="server"/> --%>
            <asp:DropDownList ID="ddlDate" runat="server" >
                        </asp:DropDownList>
        </td>
      </tr>
      <tr>
        <td class="ob"><img src="yuyuetu/image/time.png" border="0"/>时间</td>
        <td> 
           <asp:DropDownList ID="ddlTime" runat="server" 
                onselectedindexchanged="ddlTime_SelectedIndexChanged"  AutoPostBack="true">
                            <asp:ListItem Value="11">11</asp:ListItem>
                            <asp:ListItem Value="12">12</asp:ListItem>
                            <asp:ListItem Value="13">13</asp:ListItem>
                            <asp:ListItem Value="14">14</asp:ListItem>
                            <asp:ListItem Value="15">15</asp:ListItem>
                            <asp:ListItem Value="16">16</asp:ListItem>
                            <asp:ListItem Value="17">17</asp:ListItem>
                            <asp:ListItem Value="18">18</asp:ListItem>
                            <asp:ListItem Value="19">19</asp:ListItem>
                            <asp:ListItem Value="20">20</asp:ListItem>
                            <asp:ListItem Value="21">21</asp:ListItem>
                            <asp:ListItem Value="22">22</asp:ListItem>
                        </asp:DropDownList>
        </td>
        <td>
            <asp:DropDownList ID="ddlMin" runat="server" >
              <%--  <asp:ListItem Value="00">00分</asp:ListItem>
                <asp:ListItem Value="15">15分</asp:ListItem>--%>
                <asp:ListItem Value="30">30分</asp:ListItem>
                <asp:ListItem Value="45">45分</asp:ListItem>
            </asp:DropDownList>
            </td>
      </tr>
    
 <%--      <tr>
        <td class="ob"><img src="yuyuetu/image/tech.png"   style="width:18px;" border="0"/>护理师</td>
        <td colspan="2"> 
           <select name="select-choice-1" id="select-choice-1">
            　　 <option value="standard">谭宜昌</option>
            　　 <option value="rush">雷老虎</option>
                <option value="rush">王老虎</option>
                　 <option value="standard">谭宜昌</option>
            　　 <option value="rush">雷老虎</option>
                <option value="rush">王老虎</option>
            </select>
        </td>
      </tr>--%>
    
      <tr>
        <td colspan="3">
          <%--  <select name="select-choice-1" id="select-choice-1">
            　　 <option value="standard">面部系列</option>
             <option value="standard">身体系列</option>
            </select>--%>
            <asp:DropDownList ID="ddlxilie" runat="server">
             <asp:ListItem Value="-1">请选择所做项目</asp:ListItem>         
         <%--   <asp:ListItem>面部系列</asp:ListItem>
            <asp:ListItem>身体系列</asp:ListItem>--%>
            </asp:DropDownList>
       </td>
      </tr>
  </table>

  <%--  <a  id="tiao" runat="server"><p class="wode"><span id="yycount" runat="server"></span><strong>我的预约</strong><bdo class="arrow-icon"></bdo></p></a>--%>
  

  <table width="100%" style="margin-top:10px;" border="0" cellpadding="0" cellspacing="0">
      <tr id="xm" runat="server">
        <td class="ob" nowrap><img src="yuyuetu/image/pname.png" border="0"/>姓名</td>
        <td colspan="2"><input name="name" type="text" value="" id="Hname" runat="server" readonly="readonly"/></td>
      </tr>
      <tr id="sj" runat="server">
        <td class="ob"><img src="yuyuetu/image/tel.png" border="0"/>手机号</td>
        <td colspan="2"><input type="text" id="Hphone" runat="server" value="" readonly="readonly"/></td>
      </tr>
    <%--  <tr>
        <td class="ob"><img src="yuyuetu/image/validate.png" border="0"/>验证码</td>
        <td colspan="2"><input name="text" type="text" value=""/></td>
      </tr>--%>
  </table>
  <p>您提交的预约，工作人员会在中午12：00-23：00确认。</p>
</div>
<div class="btn"  onclick="check()"  id="yy" runat="server"  >提交预约</div>
<asp:Button ID="Button1" runat="server" class="btn" Text="提交预约" 
     style="display:none;" onclick="Button1_Click"  />
     <div class="btn" runat="server" onclick="show()" id="wx"  visible="false">成为会员</div>
 <div style="text-align: center;">
        <asp:Label ID="Label1" runat="server" ForeColor="Red"></asp:Label></div>



        <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
  <!--百度地图容器-->
  <%--<div style="width:320px;height:200px; margin:0 auto;" id="dituContent"></div>--%>

<script type="text/javascript" >
    //创建和初始化地图函数：
    function initMap() {
        createMap(); //创建地图
        setMapEvent(); //设置地图事件
        addMapControl(); //向地图添加控件
        addMarker(); //向地图中添加marker
    }

    //创建地图函数：


    //地图事件设置函数：
    function setMapEvent() {
        map.enableDragging(); //启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom(); //启用地图滚轮放大缩小
        map.enableDoubleClickZoom(); //启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard(); //启用键盘上下左右键移动地图
    }

    //地图控件添加函数：
    function addMapControl() {
        //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({ anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_ZOOM });
        map.addControl(ctrl_nav);
    }

    //标注点数组

    //创建marker
    function addMarker() {
        for (var i = 0; i < markerArr.length; i++) {
            var json = markerArr[i];
            var p0 = json.point.split("|")[0];
            var p1 = json.point.split("|")[1];
            var point = new BMap.Point(p0, p1);
            var iconImg = createIcon(json.icon);
            var marker = new BMap.Marker(point, { icon: iconImg });
            var iw = createInfoWindow(i);
            var label = new BMap.Label(json.title, { "offset": new BMap.Size(json.icon.lb - json.icon.x + 10, -20) });
            marker.setLabel(label);
            map.addOverlay(marker);
            label.setStyle({
                borderColor: "#808080",
                color: "#333",
                cursor: "pointer"
            });

            (function () {
                var index = i;
                var _iw = createInfoWindow(i);
                var _marker = marker;
                _marker.addEventListener("click", function () {
                    this.openInfoWindow(_iw);
                });
                _iw.addEventListener("open", function () {
                    _marker.getLabel().hide();
                })
                _iw.addEventListener("close", function () {
                    _marker.getLabel().show();
                })
                label.addEventListener("click", function () {
                    _marker.openInfoWindow(_iw);
                })
                if (!!json.isOpen) {
                    label.hide();
                    _marker.openInfoWindow(_iw);
                }
            })()
        }
    }
    //创建InfoWindow
    function createInfoWindow(i) {
        var json = markerArr[i];
        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>" + json.content + "</div>");
        return iw;
    }
    //创建一个Icon
    function createIcon(json) {
        var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w, json.h), { imageOffset: new BMap.Size(-json.l, -json.t), infoWindowOffset: new BMap.Size(json.lb + 5, 1), offset: new BMap.Size(json.x, json.h) })
        return icon;
    }

    initMap(); //创建和初始化地图
</script>
</form>
</body>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>

    function check() {     
        document.getElementById("Button1").click();
    }
    $(function () {
        $("#datepicker").datepicker();
        var today = new Date();
        $("#datepicker").val((today.getMonth() + 1) + "/" + today.getDate() + "/" + today.getFullYear());
    });
    window.addEventListener('load', function () {
        if (document.documentElement.scrollHeight <= document.documentElement.clientHeight) {
            bodyTag = document.getElementsByTagName('body')[0];
            bodyTag.style.height = document.documentElement.clientWidth / screen.width * screen.height + 'px';
        }
        setTimeout(function () {
            window.scrollTo(0, 1);
        }, 100);
    });
</script>

<script type="text/javascript">
    function show() {
        location = "weixinreg2.aspx";
    }

</script>



</html>
